{{#ifTs}}
import { FCRoute } from '@/router/index';
{{else}}
import { useState } from 'react';
{{/ifTs}}

{{#ifCssModule}}
import styles from "./index.module.{{cssType codeType}}";
{{else}}
import './index.{{cssType codeType}}';
{{/ifCssModule}}

{{#ifTs}}
const {{pascalCase name}}: FCRoute = () => {
{{else}}
const {{pascalCase name}} = () => {
{{/ifTs}}

  return (
    {{#ifCssModule}}
    <div className={styles.{{camelCase name~}} }>
    {{else}}
    <div className="{{name}}">
    {{/ifCssModule}}
      <h1>{{name}} Component</h1>
    </div>
  );
};
export default {{pascalCase name}};